
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<HTML>
<HEAD>
<TITLE>Nuevo Empleado</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<script type="text/javascript">
<!--
function  clickReporte_Abonado(){
            var hiddenAction=document.getElementById("action");
            hiddenAction.value="reporte_abonado";
        }

        function  clickCrear_Abonado(){
            var hiddenAction=document.getElementById("action");
            hiddenAction.value="crear_abonado";
        }
		function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		butt_01_over = newImage("images/butt_01-over.jpg");
		butt_02_over = newImage("images/butt_02-over.jpg");
		butt_03_over = newImage("images/butt_03-over.jpg");
		butt_04_over = newImage("images/butt_04-over.jpg");
		butt_05_over = newImage("images/butt_05-over.jpg");
		butt_06_over = newImage("images/butt_06-over.jpg");
		preloadFlag = true;
	}

function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
//-->
</script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="livevalidation.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js_livevalidation_standalone.js"></script>
<link href="general.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">

</HEAD>
<BODY BGCOLOR=#133F54 ONLOAD="preloadImages();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">

  <TABLE WIDTH=774 BORDER=1 CELLPADDING=0 CELLSPACING=0>
    <TR>
      <TD width="178" height="218" align="center" valign="middle" class="logo"><p><strong>Chasqui-soft</strong></p>
      <p><img src="images/defaultlogo.gif" width="48" height="48" alt="logo"></p></TD>
      <TD width="590" align="left" valign="top"><img src="images/callcenter_banner.jpg" width="1009" height="217" alt="banner"></TD>
    </TR>
    <TR>

      <TD height="152"><img src="images/info_area.jpg" alt="back" width=178 height=270></TD>
      <TD rowspan="3" align="center" valign="top"><table width="500" height="516" border="0" cellspacing="0">
                   <tr>
              <td><p class="ruta">><a href="usuario.jsp" class="ruta">Administración</a>><a href="user_pestanas.jsp" class="ruta">Usuario</a>><a href="modificar_usuario.jsp" class="ruta">Empleado</a>>Crear Empleado</p></td>
              <tr>
          <td width="583" height="516" align="center" valign="top" scope="col"><p>&nbsp;</p>
            <p class="Titlulos_General">Nuevo Empleado</p>
            <p class="Titlulos_General"><img src="images/t_19.jpg" width="500" height="2" alt="serparador"></p>
            <p class="Titlulos_General">&nbsp;</p>

            <table width="300" border="0" cellspacing="0">
              <tr>
                <th scope="col"></th>
              </tr>
            </table>
            <table border="0" cellPadding="0" cellSpacing="0" width="900">
  <TR>
    <td width="967" valign="top"><table width="898" height="237" border="0" cellpadding="0" cellspacing="0">
      <form method="post" action="EmpleadoServlet">
        <input type="hidden" name="action" value="crearEmpleado_exe"/>
        <tr>
          <td width="265">&nbsp;</td>
          <td width="154" class="texto">Nombre:</td>
          <td colspan="2"><label>
            <input name="nom" type="text" id="nom" size="30" maxlength="50">
            </label>
          
          </td>        </tr>
        <script type="text/javascript">
                    var nombre = new LiveValidation('nom');
                    nombre.add( Validate.Length, { minimum: 1, maximum: 15 } );
                    nombre.add(Validate.Presence);
                    nombre.add(Validate.Exclusion2, { within: ["'",'|','°','¬','!','"','#','$','%','&','/',')','=','?','¿','¡','´','+','*','¨','{','[',',',';','.',':','-','_','*','@','0','1','2','4','3','5','6','7','8','9'], partialMatch: true })
                    </script>

        <tr>
          <td>&nbsp;</td>
          <td class="texto">Apellido Paterno:</td>
          <td colspan="2"><label>
            <input name="aplellido" type="text" id="aplellido" size="30" maxlength="50">
            </label></td>
          </tr>
          <script type="text/javascript">
                    var apellidopat = new LiveValidation('aplellido');
                    apellidopat.add( Validate.Length, { minimum: 1, maximum: 15 } );
                    apellidopat.add(Validate.Presence);
                    apellidopat.add(Validate.Exclusion2, { within: ["'",'|','°','¬','!','"','#','$','%','&','/',')','=','?','¿','¡','´','+','*','¨','{','[',',',';','.',':','-','_','*','@','0','1','2','4','3','5','6','7','8','9'], partialMatch: true })
                    </script>
          
        <tr>
          <td>&nbsp;</td>
          <td class="texto">Apellido Materno:</td>
          <td colspan="2"><input name="contra" type="text" id="contra"    size="30"></td>
          </tr>
          <script type="text/javascript">
                    var apellidomat = new LiveValidation('contra');
                    apellidomat.add( Validate.Length, { minimum: 1, maximum: 15 } );
                    apellidomat.add(Validate.Presence);
                    apellidomat.add(Validate.Exclusion2, { within: ["'",'|','°','¬','!','"','#','$','%','&','/',')','=','?','¿','¡','´','+','*','¨','{','[',',',';','.',':','-','_','*','@','0','1','2','4','3','5','6','7','8','9'], partialMatch: true })
                    </script>
        <tr>
          <td>&nbsp;</td>
          <td class="texto">Contrase&ntilde;a:</td>
          <td colspan="2"><label>
            <input name="repcontra" type="password" id="repcontra" value="hola a todos" size="30" maxlength="50">
            </label></td>
          </tr>
          <script type="text/javascript">
        var contrasena = new LiveValidation('repcontra');
        contrasena.add( Validate.Length, { minimum: 6, maximum: 32 } );
        contrasena.add(Validate.Presence)
        </script>
        <tr>
          <td height="23">&nbsp;</td>
          <td class="texto">Usuario:</td>
          <td colspan="2"><input name="nom2" type="text" id="nom2" size="30" maxlength="50"></td>
          </tr>
          <script type="text/javascript">
        var nom2 = new LiveValidation('nom2');
        nom2.add( Validate.Length, { minimum: 5, maximum: 20 } );
        nom2.add(Validate.Presence)
        nom2.add(Validate.Exclusion, { within: ["'",'|','°','¬','!','"','#','$','%','&','/',')','=','?','¿','¡','´','+','*','¨','{','[',',',';','.',':','-','_','*','@'], partialMatch: true })
        </script>
        <tr>
          <td>&nbsp;</td>
          <td class="texto">Correo:</td>
          <td colspan="2"><input name="correo2" type="text" id="correo2" value="xxxxx@yyyy.abc" size="30"></td>
          </tr>
          <script type="text/javascript">
        var correo2 = new LiveValidation('correo2');
        correo2.add( Validate.Length, { minimum: 7, maximum: 80 } );
        correo2.add(Validate.Presence);
        correo2.add(Validate.Email)
        </script>
        <tr>
          <td height="54">&nbsp;</td>
          <td>&nbsp;</td>
          <td width="206" align="right"><input name="grbar" type="submit" id="grbar" onClick="MM_popupMsg('Los datos fueron grabados exitosamente! ')" value="Grabar"></td>
          <td width="273">&nbsp;</td>
          </tr>
      </form>
    </table></td>
  </TR>
  <tr>
    <td width="967" valign="bottom">
      <div align="right"></div>
      <div align="center"> </div>
    </td>
  </tr>
</table>
            <table width="300" border="0" cellspacing="0">
              <tr>
                <th scope="col"></th>
              </tr>
            </table>
            <p class="texto">&nbsp;</p></td>
        </tr>
      </table></TD>
    </TR>
    <TR>

      <TD width="400" height="208" valign="top" bgcolor="#E4560B"><ul id="MenuBar1" class="MenuBarVertical">
        <li><a href="index2.jsp">Home</a>          </li>
        <li><a href="clientes2.jsp">Clientes</a></li>
        <li><a href="usuario2.jsp" class="MenuBarItemSubmenu">Administraci&oacute;n</a>
          <ul>
            <li><a href="AbonadoServlet">Abonados</a></li>
            <li><a href="CampanaServlet">Campa&ntilde;as</a></li>
            <li><a href="modificar_usuario.jsp">Empleados</a></li>
            <li><a href="ReportesServlet?action=listreportes">Reportes</a></li>
           	<li><a href="CampanaServlet?action=volverusuario">Cerrar Sesi&oacute;n</a></li>
          </ul>
        </li>
        <li><a href="noticias2.jsp">Noticias</a></li>
        <li><a href="soporte2.jsp">Soporte</a></li>

        <li><a href="contactanos2.jsp">Cont&aacute;ctanos</a></li>
</ul></TD>
    </TR>
    <TR>
      <TD height="169" valign="top"><img src="images/info_area.jpg" alt="back" width=178 height=270></TD>
    </TR>
  </TABLE>
</div>
<!--Jansondesigns.com offers an impressive collection of professionally made web templates, banner templates,
flash designs, free templates and free web graphics. We have templates that suit any personal or professional web site needs!! -->

<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</BODY>
</HTML>